diff options
| author | Ariel Costas Guerrero <ariel@costas.dev> | 2025-04-10 21:42:41 +0200 |
|---|---|---|
| committer | Ariel Costas Guerrero <ariel@costas.dev> | 2025-04-10 21:42:41 +0200 |
| commit | e3141794b95e534656427fadf0354435c62254d6 (patch) | |
| tree | 95788249ac51475aea45ad17d7157dffd1564e47 /src/pages/portfolio/[id].astro | |
| parent | 3caee506c961ae0e78503164ed6a0f81db3c8c32 (diff) | |
Fix formatting
Diffstat (limited to 'src/pages/portfolio/[id].astro')
| -rw-r--r-- | src/pages/portfolio/[id].astro | 73 |
1 files changed, 42 insertions, 31 deletions
diff --git a/src/pages/portfolio/[id].astro b/src/pages/portfolio/[id].astro index 55bac3f..b92ecbd 100644 --- a/src/pages/portfolio/[id].astro +++ b/src/pages/portfolio/[id].astro @@ -5,51 +5,62 @@ import { type GetStaticPaths } from "astro"; import TechnologyBadge from "../../partials/TechnologyBadge.astro"; interface Props { - entry: any; + entry: any; } -export const getStaticPaths: GetStaticPaths = (async () => { - const entries = await getCollection("portfolio"); - return entries.map((entry: any) => ({ - params: { id: entry.id }, - props: { entry }, - })); -}); +export const getStaticPaths: GetStaticPaths = async () => { + const entries = await getCollection("portfolio"); + return entries.map((entry: any) => ({ + params: { id: entry.id }, + props: { entry }, + })); +}; const { entry } = Astro.props; const { Content } = await render(entry); --- <Layout title={entry.data.title} description={entry.data.description}> - <a id="link-back" href="/portfolio"> - <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="w-6 h-6 inline-block mr-2"> - <polyline points="15 18 9 12 15 6"></polyline> - </svg> - Volver al portfolio - </a> + <a id="link-back" href="/portfolio"> + <svg + xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 24 24" + fill="none" + stroke="currentColor" + stroke-width="2" + stroke-linecap="round" + stroke-linejoin="round" + class="w-6 h-6 inline-block mr-2" + > + <polyline points="15 18 9 12 15 6"></polyline> + </svg> + Volver al portfolio + </a> - <h1>{entry.data.title}</h1> + <h1>{entry.data.title}</h1> - <Content /> + <Content /> - <h2>Tecnologías utilizadas</h2> + <h2>Tecnologías utilizadas</h2> - {entry.data.technologies.map((technology: string) => ( - <TechnologyBadge size="small" code={technology} /> - ))} + { + entry.data.technologies.map((technology: string) => ( + <TechnologyBadge size="small" code={technology} /> + )) + } </Layout> <style> - a#link-back { - display: inline-flex; - align-items: center; - gap: 0.5rem; - text-decoration: none; - text-transform: uppercase; - transition: color 0.2s ease-in-out; - } + a#link-back { + display: inline-flex; + align-items: center; + gap: 0.5rem; + text-decoration: none; + text-transform: uppercase; + transition: color 0.2s ease-in-out; + } - a#link-back svg { - height: 1em; - } + a#link-back svg { + height: 1em; + } </style> |
